<template>
  <div id="boxOutter">
    <div id="boxInner">
      <Rotate></Rotate>
    </div>
  </div>
</template>
<script>
import Rotate from "./Rotate.vue";
export default {
  name: "Login",
  components: { Rotate },
};
</script>
<style scoped>
#boxOutter {
  margin: 0 auto;
  width: 550px;
  height: 580px;
  display: inline-block;
  position: relative;
  top: 70px;
  background-color: #f9f9f9;
  box-shadow: 50px 50px 50px 10px rgba(0, 0, 0, 0.3);
}
#boxInner {
  margin: 65px 80px 0px 80px;
  font: 400 14px/20px "Microsoft Yahei";
  perspective: 800px;
}
</style>